<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日期选择</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/data.css">
    <link rel="stylesheet" href="css/mobiscroll.custom-2.17.1.min.css">
</head>

<body>
    <header id="history-header">
        <a href="travelDetail.html" class="header-return"></a>
        <p>选择日期和人数</p>
        <p>起价说明</p>
    </header>
    <section id="data-section">
        <!-- 日期 -->
        <div class="date"></div>
        <!-- 灰色线 -->
        <div class="line"></div>
        <!-- 显示成人儿童 -->
        <div class="show-box">
            <div class="man">
                <div>
                    <p>成人</p>
                    <p>￥<span class="price">3159</span>/人</p>
                </div>
                <div class="btn">
                    <a href="#" class="reduce">-</a>
                    <span class="num">2</span>
                    <a href="#" class="add">+</a>
                </div>
            </div>
            <div class="man">
                <p>儿童</p>
                <div class="btn">
                    <a href="#" class="reduce">-</a>
                    <span class="num">0</span>
                    <a href="#" class="add">+</a>
                </div>
            </div>
            <!-- 选择框 -->
            <div class="radio-box">
                <input type="button" value="">
                <p>可携带幼儿&nbsp;&nbsp;&nbsp; <span>0~2岁</span></p>
            </div>
        </div>
        <!-- 文字表述 -->
        <div class="captain">
            <p>最少1人起订，年龄2—12周岁，不占床，不含早，只含当地的正餐半餐、车位以及导服，其他需要自理。成人+儿童最多支持9人，<span>*以上价格均为起价</span></p>
        </div>
    </section>
    <footer class="data-footer">
        <div>
            <div class="footer-left">
                <p>
                    总额:￥<span class="totalSum">6318</span>
                </p>
                <a href="#">明细></a>
            </div>
            <div class="footer-right">
                <a href="resource.html">下一步<span>选择资源</span></a>
            </div>
        </div>
    </footer>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/mobiscroll.custom-2.17.1.min.js"></script>
    <script src="js/zepto.js"></script>
    <script src="js/touch.min.js"></script>
    <script src="js/commen.js"></script>
    <script src="js/data.js"></script>

</body>

</html>